<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/recharge.css" rel="stylesheet">
    <script src="//at.alicdn.com/t/font_491183_y4y2apt31o3i8uxr.js"></script>
    <style>
        .form-inline {
            margin: 20px 0
        }

        /*.form-inline>.form-group {
            margin-right: 23px
        }*/

        .form-group.btnc {
            float: right;
            margin-right: 0
        }

        .point_list_title>div,
        .point_list_info>div {
            width: 14.2%
        }
    </style>
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="user">
        <div class="clearfix">
            <div class="user_nav">
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-liebiao"></use>
                        </svg>
                        资金总览</h4>
                    <a href="/user/pandect.html">资金总览</a>
                    <a href="/user/recharge.html">充值</a>
                    <a href="/user/enchashment.html">提现</a>
                    <a href="/user/record.html" class="active">交易查询</a>
                    <a href="/user/user.html">账户认证</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-touzi-copy"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myBidPlanList.html">点点安赢</a>
                    <a href="/user/vip.html">点点专享</a>
                    <a href="/user/assignment.html">自动投标</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-moneybag"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myloan.html">我的借款</a>
                </div>
            </div>
            <div class="recharge tab-pane">
                <h4>
                    <a class="active">交易记录</a>
                </h4>
                <div class="form-inline">
                    <div class="form-group">
                        <span>交易类型：</span>
                        <select class="form-control">
                            <option value="1">全部</option>
                            <option value="2">1</option>
                            <option value="3">1</option>
                        </select>
                    </div>
                    <!-- <div class="form-group">
                        <label>交易时间</label>
                        <input type="text" class="form-control">
                    </div> -->
                    <div class="form-group input-daterange">
                        <span>交易时间:</span>
                        <input type="text" id="startDate" readonly class="form-control" value="${startDate}">
                        <span>-</span>
                        <input type="text" id="endDate" readonly class="form-control" value="${endDate}">
                    </div>
                    <div class="form-group">
                        <span>支付状态：</span>
                        <select class="form-control">
                            <option value="1">全部</option>
                            <option value="2">1</option>
                            <option value="3">1</option>
                        </select>
                    </div>
                    <div class="form-group btnc">
                        <span class="btn btn-danger">查询</span>
                    </div>
                </div>
                <div class="tab-content">
                    <table style="width:100%" class="table table-condensed">
                        <thead>
                            <tr>
                                <td>交易编号</td>
                                <td>交易时间</td>
                                <td>交易类型</td>
                                <td>支出金额(元)</td>
                                <td>收入金额(元)</td>
                                <td>交易状态</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr title="备注1">
                                <td>34634634563523523542</td>
                                <td>2017-01-01 00:00:00</td>
                                <td>债权交易手续费</td>
                                <td>100.00元</td>
                                <td>100.00元</td>
                                <td>未完成</td>
                                <td>
                                    <a href="#">取消交易</a>
                                </td>
                            </tr>
                            <tr title="备注2">
                                <td>34634634563523523542</td>
                                <td>2017-01-01 00:00:00</td>
                                <td>债权交易手续费</td>
                                <td>100.00元</td>
                                <td>100.00元</td>
                                <td>未完成</td>
                                <td>
                                    <a href="#">取消交易</a>
                                </td>
                            </tr>
                            <tr title="备注3">
                                <td>34634634563523523542</td>
                                <td>2017-01-01 00:00:00</td>
                                <td>债权交易手续费</td>
                                <td>100.00元</td>
                                <td>100.00元</td>
                                <td>未完成</td>
                                <td>
                                    <a href="#">取消交易</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <footer></footer>
    <script src="//at.alicdn.com/t/font_380032_fc89xibpf401kyb9.js"></script>
    <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-datepicker/1.7.1/locales/bootstrap-datepicker.zh-CN.min.js"></script>
    <script>
        $('.input-daterange input').each(function () {
            $(this).datepicker({
                language: "zh-CN",
                format: "yyyy-mm-dd",
                autoclose: true
            });
        })
    </script>
</body>

</html>